/*
 * @Author: xuchao 
 * @Date: 2018-05-16 14:10:53 
 * @Last Modified by: xuchao
 * @Last Modified time: 2018-06-12 09:37:05
 */
import React, { Component } from 'react';
import { Link } from 'react-router-dom';
import { Layout } from 'antd';
import './style.less';

export default class Course extends Component {
    render() {
        return (
            <Layout.Content className="user">
                <div className="banner animated fadeIn">
                    
                </div> 
                <div className="user-info bg">
                    <div className="center">
                        <h1>云课堂见面</h1>
                        <p>平台提供“云课堂见面”活动，政府、企业、高校或安全公司均可根据自身的实际需要，提出将云课堂的部分课程转到单位培训场地开展，平台将负责授课老师与邀课单位的联络与撮合工作。</p>
                        <Link to="">我要邀课</Link>
                    </div>
                </div>
                <div className="list">
                    <div className="center">
                        <div className="tab">
                            <ul>
                                <li className="active">
                                    <i className="zzkc"></i>
                                    正在听的课程
                                </li>
                                <li>
                                    <i className="dykc"></i>
                                    订阅的课程&nbsp;
                                </li>
                            </ul>
                        </div>
                        <div className="right">
                            <ul>
                                <li>
                                    <Link to="/course/detail/1">
                                        <img src="http://cms-bucket.nosdn.127.net/2018/06/04/8839f1758b714c0fbd61e7cebb49ca9e.jpeg?imageView&thumbnail=550x0" alt=""/>
                                        <div className="info">
                                            <h1>
                                                等级化保护定级方法
                                                <div className="star">
                                                    <em></em>
                                                    <em></em>
                                                    <em></em>
                                                    <em></em>
                                                    <em></em>
                                                </div>
                                            </h1>
                                            <p>
                                                <span className="fl">6课时   41分钟</span>
                                                <span className="fr">62234人听课</span>
                                            </p>
                                        </div>
                                    </Link>
                                </li>
                                <li>
                                    <Link to="/course/detail/2">
                                        <img src="http://cms-bucket.nosdn.127.net/2018/06/04/8839f1758b714c0fbd61e7cebb49ca9e.jpeg?imageView&thumbnail=550x0" alt=""/>
                                        <div className="info">
                                            <h1>
                                                等级化保护定级方法
                                                <div className="star">
                                                    <em></em>
                                                    <em></em>
                                                    <em></em>
                                                    <em></em>
                                                    <em></em>
                                                </div>
                                            </h1>
                                            <p>
                                                <span className="fl">6课时   41分钟</span>
                                                <span className="fr">62234人听课</span>
                                            </p>
                                        </div>
                                    </Link>
                                </li>
                                <li>
                                    <Link to="/course/detail/3">
                                        <img src="http://cms-bucket.nosdn.127.net/2018/06/04/8839f1758b714c0fbd61e7cebb49ca9e.jpeg?imageView&thumbnail=550x0" alt=""/>
                                        <div className="info">
                                            <h1>
                                                等级化保护定级方法
                                                <div className="star">
                                                    <em></em>
                                                    <em></em>
                                                    <em></em>
                                                    <em></em>
                                                    <em></em>
                                                </div>
                                            </h1>
                                            <p>
                                                <span className="fl">6课时   41分钟</span>
                                                <span className="fr">62234人听课</span>
                                            </p>
                                        </div>
                                    </Link>
                                </li>
                                <li>
                                    <Link to="/course/detail/3">
                                        <img src="http://cms-bucket.nosdn.127.net/2018/06/04/8839f1758b714c0fbd61e7cebb49ca9e.jpeg?imageView&thumbnail=550x0" alt=""/>
                                        <div className="info">
                                            <h1>
                                                等级化保护定级方法
                                                <div className="star">
                                                    <em></em>
                                                    <em></em>
                                                    <em></em>
                                                    <em></em>
                                                    <em></em>
                                                </div>
                                            </h1>
                                            <p>
                                                <span className="fl">6课时   41分钟</span>
                                                <span className="fr">62234人听课</span>
                                            </p>
                                        </div>
                                    </Link>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </Layout.Content>
        );
    }
}